<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
    <!-- 引入layui 样式-->
    <link rel="stylesheet" href="../../static/layer/css/layui.css"/>
    <link rel="stylesheet" href="../../static/css/font-awesome.min.css">
    <script type="text/javascript" src="../../static/layer/layui.js"></script>
    <style>
        .datebox{
            width: 100px;
        }
        .jinebox{
            width: 75px;
        }
        .zhangdantype{
            width: 100px;
        }
    </style>
    <style>
        .lay-box{
            width: 1024px;
        }
        .layui-table-fixed.layui-table-fixed-b{
            top: inherit;
            z-index: 2;
        }
        .layui-table-fixed.layui-table-fixed-br{
            top: inherit;
            z-index: 2;
        }
        #tabBox{
            width: 1200px;
        }

        #tabBox .laytable-cell-1-index{
            background: #f5f5f5;
        }
        .layui-table-foot td{
            border-bottom:0
        }
    </style>
</head>
<body>

<div class="layui-tab layui-tab-brief" lay-filter="expense_management">

    <ul class="layui-tab-title">
        <li class="layui-this" data-2tab="0">收费列表</li>
        <li data-2tab="1">流水明细</li>
        <li data-2tab="2">收入预算</li>
        <li data-2tab="3">退租结算</li>
        <li data-2tab="4">审批账单</li>
        <!--财务添加按钮权限-->
        <button class="layui-btn bill_add AUTH-CWQX_TJZD" style="float:right">
            <i class="layui-icon">&#xe608;</i> 新建账单
        </button>
    </ul>
    <div class="layui-tab-content">
        <!--收租列表-->
        <div class="layui-tab-item layui-show">
            <div class="layui-tab layui-tab-brief" lay-filter="toll_list">
                <ul class="layui-tab-title">
                    <li class="layui-this" data-szlx="1">应收</li>
                    <li data-szlx="2">已收</li>
                    <li data-szlx="3">应付</li>
                    <li data-szlx="4">逾期</li>
                    <li data-szlx="5">自用</li>
                </ul>
                <div class="layui-tab-content" style="height: 100px;">
                    <div class="layui-tab-item layui-show">
                        <!--应收 未收租列表-->
                        <div class="operateTablews">
                            <div class="layui-inline">
                                <input class="layui-input" name="COMPANY_NAME" id="COMPANY_NAMEw" placeholder="承租方" >
                            </div>
                            <div class="layui-inline">
                                <input class="layui-input" name="BYNAMEw" id="BYNAMEw" placeholder="别名" >
                            </div>
                            <div class="layui-inline datebox" >
                                <input class="layui-input" name="START_DATE" id="START_DATEw" placeholder="开始时间" >
                            </div>
                            <div class="layui-inline datebox" >
                                <input class="layui-input" name="END_DATE" id="END_DATEw" placeholder="结束时间" >
                            </div>
                            <div class="layui-inline datebox">
                                <select name="BILL_JEQJ" id="BILL_JEQJw" class="layui-input qiehuanw">
                                    <option value="">账单金额</option>
                                    <option value="0">固定</option>
                                    <option value="1">区间</option>
                                </select>
                            </div>
                            <div class="qiehuanjinew layui-inline">
                            </div>
                            <div class="layui-inline">
                                <select name="BILL_NAME" id="BILL_NAMEw" class="layui-input" >
                                    <option value="">账单类型</option>
                                    <option value="租金">租金</option>
                                    <option value="押金">押金</option>
                                </select>
                            </div>
                            <div class="layui-inline">
                                <select name="ALL_DATA" id="ALL_DATA" class="layui-input" >
                                    <option value="">选择账单</option>
                                    <option value="1">全部</option>
                                    <option value="">未收</option>
                                </select>
                            </div>
                            <button class="layui-btn ws" data-type="reload">搜索</button>
                            <a class="layui-btn layui-btn-normal plsf AUTH-CWQX_SF">批量收费</a>
                            <a class="layui-btn layui-btn-normal plsf-ys AUTH-CWQX_DYZD">打印凭证</a>
                            <a class="layui-btn layui-btn-normal AUTH-CWQX_DCZD" onclick="excel();">导出Excel</a>
                        </div>
                        <table id="szlb" lay-filter="szlbf"></table>
                        <!--财务权限-->
                        <div style="display: none;" id="dclbar">

                            <a class="layui-btn layui-btn-primary layui-btn-mini AUTH-CWQX_ZDCK" lay-event="detail">查看</a>

                            <a class="layui-btn layui-btn-normal layui-btn-mini AUTH-CWQX_DYZD" lay-event="print">打印</a>

                            <a class="layui-btn layui-btn-mini AUTH-CWQX_SF" lay-event="dclsf">收费</a>

                            <a class="layui-btn layui-btn-primary layui-btn-mini AUTH-CWQX_BJZD" lay-event="editbill">修改</a>

                        </div>

                    </div>
                    <div class="layui-tab-item">
                        <!--已收租列表-->
                        <div class="operateTableys">
                            <div class="layui-inline">
                                <input class="layui-input" name="COMPANY_NAME" id="COMPANY_NAME" placeholder="承租方" >
                            </div>
                            <div class="layui-inline">
                                <input class="layui-input" name="BYNAME" id="BYNAME" placeholder="别名" >
                            </div>
                            <div class="layui-inline datebox">
                                <input class="layui-input" name="START_DATE" id="START_DATE" placeholder="开始时间" >
                            </div>
                            <div class="layui-inline datebox">
                                <input class="layui-input" name="END_DATE" id="END_DATE" placeholder="结束时间" >
                            </div>
                            <div class="layui-inline datebox">
                                <select name="BILL_JEQJ" id="BILL_JEQJw" class="layui-input qiehuan">
                                    <option value="">账单金额</option>
                                    <option value="0">固定</option>
                                    <option value="1">区间</option>
                                </select>
                            </div>
                            <div class="qiehuanjine layui-inline">
                            </div>
                            <div class="layui-inline">
                                <select name="BILL_NAME" id="BILL_NAME" class="layui-input" >
                                    <option value="">账单类型</option>
                                    <option value="租金">租金</option>
                                    <option value="押金">押金</option>
                                </select>
                            </div>
                            <button class="layui-btn ys" data-type="reload">搜索</button>
                            <a class="layui-btn layui-btn-normal AUTH-CWQX_DCZD" onclick="excel_yichuli();">导出Excel</a>
                        </div>
                        <table id="yichuli" lay-filter="yichulif"></table>
                       <!-- <script type="text/html" id="yclbar">-->
                            <div style="display: none;"  id="yclbar">
                            <a class="layui-btn layui-btn-primary layui-btn-mini AUTH-CWQX_ZDCK" lay-event="detail">查看</a>
                            </div>
                       <!-- </script>-->
                    </div>
                    <div class="layui-tab-item">
                        <!--应付 列表-->
                        <div class="operateTableyf">
                            <div class="layui-inline">
                                <input class="layui-input" name="COMPANY_NAME" id="COMPANY_NAMEyf" placeholder="承租方" >
                            </div>
                            <div class="layui-inline">
                                <input class="layui-input" name="BYNAME" id="BYNAMEyf" placeholder="别名" >
                            </div>
                            <div class="layui-inline datebox">
                                <input class="layui-input" name="START_DATE" id="START_DATEyf" placeholder="开始时间" >
                            </div>
                            <div class="layui-inline datebox">
                                <input class="layui-input" name="END_DATE" id="END_DATEyf" placeholder="结束时间" >
                            </div>
                            <div class="layui-inline datebox">
                                <select name="BILL_JEQJ" id="BILL_JEQJyf" class="layui-input qiehuanyf">
                                    <option value="">账单金额</option>
                                    <option value="0">固定</option>
                                    <option value="1">区间</option>
                                </select>
                            </div>
                            <div class="qiehuanjineyf layui-inline">
                            </div>
                            <div class="layui-inline">
                                <select name="BILL_NAME" id="BILL_NAMEyf" class="layui-input" >
                                    <option value="">账单类型</option>
                                    <option value="租金">租金</option>
                                    <option value="押金">押金</option>
                                </select>
                            </div>
                            <button class="layui-btn yf" data-type="reload">搜索</button>
                            <a class="layui-btn layui-btn-normal AUTH-CWQX_DCZD" onclick="excel_yingfu();">导出Excel</a>
                        </div>
                        <table id="yingfu" lay-filter="yingfuf"></table>
                        <!--<script type="text/html" id="yingfubar">-->
                            <div style="display: none;"  id="yingfubar">
                            <a class="layui-btn layui-btn-primary layui-btn-mini AUTH-CWQX_ZDCK" lay-event="detail">查看</a>
                                {{#  if(d.FIX_PRICE != '1'){ }}
                                <a class="layui-btn  layui-btn-mini " lay-event="yingfu">支付</a>
                                {{#  } else { }}
                                {{#  } }}

                            </div>
                       <!-- </script>-->
                    </div>
                    <div class="layui-tab-item">
                        <!--逾期列表-->
                        <div class="operateTableyq">
                            <div class="layui-inline">
                                <input class="layui-input" name="COMPANY_NAME" id="COMPANY_NAMEy" placeholder="承租方" >
                            </div>
                            <div class="layui-inline">
                                <input class="layui-input" name="BYNAMy" id="BYNAMy" placeholder="别名" >
                            </div>
                            <div class="layui-inline datebox">
                                <input class="layui-input" name="START_DATE" id="START_DATEy" placeholder="开始时间" >
                            </div>
                            <div class="layui-inline datebox">
                                <input class="layui-input" name="END_DATE" id="END_DATEy" placeholder="结束时间" >
                            </div>
                            <div class="layui-inline datebox">
                                <select name="BILL_JEQJ" id="BILL_JEQJw" class="layui-input qiehuany"  >
                                    <option value="">账单金额</option>
                                    <option value="0">固定</option>
                                    <option value="1">区间</option>
                                </select>
                            </div>
                            <div class="qiehuanjiney layui-inline">
                            </div>
                            <div class="layui-inline">
                                <select name="BILL_NAME" id="BILL_NAMEy" class="layui-input" >
                                    <option value="">账单类型</option>
                                    <option value="租金">租金</option>
                                    <option value="押金">押金</option>
                                </select>
                            </div>
                            <button class="layui-btn yq" data-type="reload">搜索</button>
                            <a class="layui-btn layui-btn-normal YUQIplsf AUTH-CWQX_SF">批量收费</a>
                            <a class="layui-btn layui-btn-normal plsf-yq">打印凭证</a>
                            <a class="layui-btn layui-btn-normal AUTH-CWQX_DCZD" onclick="excel_yuqi();">导出Excel</a>
                        </div>
                        <table id="yuqi" lay-filter="yuqif"></table>
                        <!--<script type="text/html" id="yqbar">-->
                            <div style="display: none;"  id="yqbar">
                            <a class="layui-btn layui-btn-primary layui-btn-mini AUTH-CWQX_ZDCK" lay-event="detail">查看</a>
                            <a class="layui-btn layui-btn-normal layui-btn-mini AUTH-CWQX_DYZD" lay-event="print">打印</a>
                            <a class="layui-btn layui-btn-mini AUTH-CWQX_SF" lay-event="yuqisf">收费</a>
                            <a class="layui-btn layui-btn-primary  layui-btn-mini AUTH-CWQX_BJZD" lay-event="update">修改</a>
                            </div>
                       <!-- </script> -->
                    </div>
                    <div class="layui-tab-item">
                        <!--自用账单列表-->
                        <div class="operateTablezy">
                            <div class="layui-inline datebox">
                                <input class="layui-input" name="START_DATE" id="START_DATEziy" placeholder="开始时间" >
                            </div>
                            <div class="layui-inline datebox">
                                <input class="layui-input" name="END_DATE" id="END_DATEziy" placeholder="结束时间" >
                            </div>
                            <div class="layui-inline datebox">
                                <select name="BILL_JEQJ" id="BILL_JEQJw" class="layui-input qiehuanzy"  >
                                    <option value="">账单金额</option>
                                    <option value="0">固定</option>
                                    <option value="1">区间</option>
                                </select>
                            </div>
                            <div class="qiehuanjinezy layui-inline">
                            </div>
                            <div class="layui-inline">
                                <select name="BILL_NAME" id="BILL_NAMEzy" class="layui-input" >
                                    <option value="">账单类型</option>
                                    <option value="租金">租金</option>
                                    <option value="押金">押金</option>
                                </select>
                            </div>
                            <button class="layui-btn zy" data-type="reload">搜索</button>
                            <a class="layui-btn layui-btn-normal AUTH-CWQX_DCZD" onclick="excel_ziyong();">导出Excel</a>
                        </div>
                        <table id="ziyong" lay-filter="ziyongf"></table>
                        <!--<script type="text/html" id="ziyongbar">-->
                            <div style="display: none;"  id="ziyongbar">
                            <a class="layui-btn layui-btn-primary layui-btn-mini AUTH-CWQX_ZDCK" lay-event="detail">查看</a>
                            <!--<a class="layui-btn layui-btn-mini AUTH-CWQX_BJZD" lay-event="xiugai">修改</a>-->
                            </div>
                      <!--  </script> -->
                    </div>
                </div>
            </div>
        </div>
        <!--流水明细-->
        <div class="layui-tab-item">
            <!--收入支出 统计 预留开发-->
           <!-- <div class="layui-row" style="height: 30px;background-color:#F4F4F4" >
                <div class="layui-col-xs4">
                    <div class="grid-demo layui-col-md-offset5">收入金额（元）</div>
                </div>
                <div class="layui-col-xs3 ">
                    <div class="grid-demo">支出金额（元）</div>
                </div>
                <div class="layui-col-xs4 ">
                    <div class="grid-demo">收入支出差（元）</div>
                </div>
            </div>
            <div class="layui-row" style="height: 30px;background-color:#F4F4F4" >
                <div class="layui-col-xs4">
                    <div class="grid-demo layui-col-md-offset5">11.00</div>
                </div>
                <div class="layui-col-xs3 ">
                    <div class="grid-demo">123.33</div>
                </div>
                <div class="layui-col-xs4 ">
                    <div class="grid-demo">3333</div>
                </div>
            </div>-->
            <div class="layui-tab layui-tab-brief" lay-filter="lsmx">
                <ul class="layui-tab-title">
                    <li class="layui-this" data-lsmx="0">收入</li>
                    <li data-lsmx="1">支出</li>
                </ul>
                <div class="layui-tab-content" style="height: 100px;">
                    <div class="layui-tab-item layui-show">
                        <!--收入-->
                        <div class="operateTablesy">
                            <div class="layui-inline">
                                <input class="layui-input" name="COMPANY_NAME" id="COMPANY_NAMEsy" placeholder="承租方" >
                            </div>
                            <div class="layui-inline">
                                <input class="layui-input" name="BYNAMy" id="BYNAMsy" placeholder="别名" >
                            </div>
                            <div class="layui-inline datebox">
                                <input class="layui-input" name="START_DATE" id="START_DATEsy" placeholder="开始时间" >
                            </div>
                            <div class="layui-inline datebox">
                                <input class="layui-input" name="END_DATE" id="END_DATEsy" placeholder="结束时间" >
                            </div>
                            <div class="layui-inline">
                                <select name="BILL_NAME" id="BILL_NAMEsy" class="layui-input" >
                                    <option value="">账单类型</option>
                                    <option value="租金">租金</option>
                                    <option value="押金">押金</option>
                                </select>
                            </div>
                            <button class="layui-btn" data-type="reload">搜索</button>
                            <a class="layui-btn layui-btn-normal AUTH-CWQX_DCZD" onclick="excel_shouru();">导出Excel</a>
                        </div>
                        <table id="srtable" lay-filter="lsmxf"></table>
                        <!--<script type="text/html" id="lsmxbar">-->
                            <div style="display: none;"  id="lsmxbar">
                            <a class="layui-btn layui-btn-primary layui-btn-mini AUTH-CWQX_ZDCK" lay-event="detail">查看</a>
                            </div>
                      <!--  </script> -->
                    </div>
                    <div class="layui-tab-item">
                        <!--支出-->
                        <div class="operateTablezc">
                            <div class="layui-inline">
                                <input class="layui-input" name="COMPANY_NAME" id="COMPANY_NAMEzc" placeholder="承租方" >
                            </div>
                            <div class="layui-inline">
                                <input class="layui-input" name="BYNAME" id="BYNAMEzc" placeholder="别名" >
                            </div>
                            <div class="layui-inline datebox">
                                <input class="layui-input" name="START_DATE" id="START_DATEzc" placeholder="开始时间" >
                            </div>
                            <div class="layui-inline datebox">
                                <input class="layui-input" name="END_DATE" id="END_DATEzc" placeholder="结束时间" >
                            </div>
                            <div class="layui-inline">
                                <select name="BILL_NAME" id="BILL_NAMEzc" class="layui-input" >
                                    <option value="">账单类型</option>
                                    <option value="租金">租金</option>
                                    <option value="押金">押金</option>
                                </select>
                            </div>
                            <button class="layui-btn" data-type="reload">搜索</button>
                            <a class="layui-btn layui-btn-normal AUTH-CWQX_DCZD" onclick="excel_zhichu();">导出Excel</a>
                        </div>
                        <table id="zctable" lay-filter="zcf"></table>
                        <div style="display: none;"  id="zcbar">
                            <a class="layui-btn layui-btn-primary layui-btn-mini" lay-event="detail">查看</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--收入预算-->
        <div class="layui-tab-item">

            <div class="operateTablesyys">
                <div class="layui-inline">
                    <input class="layui-input" name="COMPANY_NAME" id="COMPANY_NAMEsyys" placeholder="承租方" >
                </div>
                <div class="layui-inline">
                    <input class="layui-input" name="BYNAMy" id="BYNAMEsyys" placeholder="别名" >
                </div>
                <div class="layui-inline datebox">
                    <input class="layui-input" name="START_DATE" id="START_DATEsyys" placeholder="应收租日" >
                </div>
                <div class="layui-inline datebox">
                    <input class="layui-input" name="END_DATE" id="END_DATEsyys" placeholder="截至时间" >
                </div>
                <div class="layui-inline">
                    <select name="BILL_NAME" id="BILL_NAMEsyys" class="layui-input" >
                        <option value="">账单类型</option>
                        <option value="租金">租金</option>
                        <option value="押金">押金</option>
                    </select>
                </div>
                <button class="layui-btn" data-type="reload">搜索</button>
                <a class="layui-btn layui-btn-normal AUTH-CWQX_DCZD" onclick="excel_srys();">导出Excel</a>
            </div>
            <table id="srys" lay-filter="srysf"></table>
            <!--<script type="text/html" id="srysbar">-->
                <div style="display: none;"  id="srysbar">
                <a class="layui-btn layui-btn-primary layui-btn-mini AUTH-CWQX_ZDCK" lay-event="detail">查看</a>
                    <a class="layui-btn layui-btn-mini AUTH-CWQX_SF" lay-event="sryssf">收费</a>
                </div>
           <!-- </script> -->
        </div>
        <!--退租结算列表-->
        <div class="layui-tab-item">

            <div class="operateTabletzjs">
                <div class="layui-inline">
                    <input class="layui-input" name="COMPANY_NAME" id="COMPANY_NAMEtzjs" placeholder="承租方" >
                </div>
                <div class="layui-inline">
                    <input class="layui-input" name="BYNAMEw" id="BYNAMEtzjs" placeholder="别名" >
                </div>
                <div class="layui-inline datebox" >
                    <input class="layui-input" name="START_DATE" id="START_DATEtzjs" placeholder="开始时间" >
                </div>
                <div class="layui-inline datebox" >
                    <input class="layui-input" name="END_DATE" id="END_DATEtzjs" placeholder="结束时间" >
                </div>
                <div class="layui-inline datebox">
                    <select name="BILL_JEQJ" id="BILL_JEQJtzjs" class="layui-input qiehuantzjs">
                        <option value="">账单金额</option>
                        <option value="0">固定</option>
                        <option value="1">区间</option>
                    </select>
                </div>
                <div class="qiehuanjinetzjs layui-inline">
                </div>
                <div class="layui-inline">
                    <select name="BILL_NAME" id="BILL_NAMEtzjs" class="layui-input" >
                        <option value="">账单类型</option>
                        <option value="租金">租金</option>
                        <option value="押金">押金</option>
                    </select>
                </div>
                <button class="layui-btn tzjs" data-type="reload">搜索</button>
                <!--<a class="layui-btn layui-btn-normal plsf AUTH-CWQX_SF">批量收费</a>-->
                <a class="layui-btn layui-btn-normal AUTH-CWQX_DCZD" onclick="excel_tzjs();">导出Excel</a>
            </div>
            <table id="tzjs" lay-filter="tzjsf"></table>
            <!--<script type="text/html" id="tzjsbar">-->
                <div style="display: none;"  id="tzjsbar">
                <a class="layui-btn layui-btn-primary layui-btn-mini AUTH-CWQX_ZDCK" lay-event="detail">查看</a>
                    {{#  if(d.BILL_STATE == '应付'){ }}
                    <!--支付 和收费 分开吗 待修改 2018年1月2日 17:58:05-->
                    <a class="layui-btn layui-btn-danger layui-btn-mini AUTH-CWQX_SF" lay-event="tzjssf">支付</a>
                    {{#  } else { }}
                    <a class="layui-btn layui-btn-mini AUTH-CWQX_SF" lay-event="tzjssf">收费</a>
                    {{#  } }}
                <a class="layui-btn layui-btn-primary layui-btn-mini AUTH-CWQX_BJZD" lay-event="editbill">修改</a>
                </div>
          <!--  </script> -->
        </div>
        <!--查看 正在 审批账单-->
        <div class="layui-tab-item">
            <div class="operateTablespzd">
                <div class="layui-inline">
                    <input class="layui-input" name="COMPANY_NAME" id="COMPANY_NAMEspzd" placeholder="承租方" >
                </div>
                <div class="layui-inline">
                    <input class="layui-input" name="BYNAMEw" id="BYNAMEspzd" placeholder="别名" >
                </div>
                <div class="layui-inline datebox" >
                    <input class="layui-input" name="START_DATE" id="START_DATEspzd" placeholder="开始时间" >
                </div>
                <div class="layui-inline datebox" >
                    <input class="layui-input" name="END_DATE" id="END_DATEspzd" placeholder="结束时间" >
                </div>
                <div class="qiehuanjinetzjs layui-inline">
                </div>
                <div class="layui-inline">
                    <select name="BILL_NAME" id="BILL_NAMEspzd" class="layui-input" >
                        <option value="">账单类型</option>
                        <option value="租金">租金</option>
                        <option value="押金">押金</option>
                    </select>
                </div>
                <button class="layui-btn spzd" data-type="reload">搜索</button>
                <!--<a class="layui-btn layui-btn-normal plsf AUTH-CWQX_SF">批量收费</a>-->
                <a class="layui-btn layui-btn-normal AUTH-CWQX_DCZD" onclick="excel_spzd();">导出Excel</a>
            </div>
            <table id="spzd" lay-filter="shenpif"></table>
            <!--<script type="text/html" id="shenpibar">-->
                <div style="display: none;"  id="shenpibar">
                <a class="layui-btn layui-btn-primary layui-btn-mini AUTH-CWQX_ZDCK" lay-event="detail">查看</a>
                    <!--<a class="layui-btn layui-btn-primary layui-btn-mini AUTH-CWQX_BJZD" lay-event="cancel">取消</a>-->
                {{#  if(d.STATE == '审核不通过'){ }}
                <a class="layui-btn layui-btn-primary layui-btn-mini AUTH-CWQX_BJZD" lay-event="editbill">修改</a>
                {{#  } else { }}
                {{#  } }}
                </div>
          <!--  </script> -->
        </div>
    </div>
</div>
<script type="text/javascript" src="../../static/js/common/queryUtils.js"></script>
<script type="text/javascript" src="../../static/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="../../static/js/common/authUtils.js"></script>
<script type="text/javascript" src="../../static/ujs/rent/rent.js"></script>
<script type="text/html" id="weishouTpl">
    {{#  if(d.STATE === '待支付'){ }}
    <span style="color: #FF5722;">{{ d.ROOM_NUM }}</span>
    {{#  } else { }}
    {{ d.ROOM_NUM }}
    {{#  } }}
</script>
<script type="text/html" id="COLLECTION">
    {{#  if(d.IF_COLLECTION == "是"){ }}
    <span style="color: #FF5722;">是</span>
    {{#  } else if(d.IF_COLLECTION == "否"){ }}
    <span style="color: #79b819;">否</span>
    {{#  } else { }}
    异常
    {{#  }}}
</script>
</body>
</html>
